<template>
	<view class="th-space-box">
		<image class="image-space" src="../../static/empty-logo.png"></image>
		<view class="desc-text">{{desc}}</view>
		<view v-if="showBtn" class="op-btn" @tap="btnTap">{{btnText}}</view>

	</view>
</template>

<script>
	export default {
		name: "th-space",
		data() {
			return {

			};
		},
		props:{
			logo:{
				type:String,
				default:''
			},
			desc:{
				type:String,
				default:''
			},
			btnText:{
				type:String,
				default:'提问题'
			},
			showBtn:{
				type:Boolean,
				default:true
			},
			
			
		},
		methods:{
			btnTap(){
				this.$emit('btnTap')
			}
		}
	}
</script>

<style scoped lang="scss">
	.th-space-box {
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
		flex: 1;
		overflow: hidden;
	

		.image-space {
			// width: 480rpx;
			// height: 253rpx;
			width: 320rpx;
			height: 214rpx;
			// background-color: #efefef;
		}
		.desc-text{
			font-size: 32rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #999999;
			line-height: 44rpx;
		}

		.op-btn {
			width: 188rpx;
			height: 68rpx;
			background: #D0021B;
			white-space: nowrap;
			border-radius: 36rpx;
			font-size: 28rpx;
			font-family: PingFang-SC-Medium, PingFang-SC;
			font-weight: 500;
			color: #FFFFFF;
			text-align: center;
			line-height: 68rpx;
			margin-top: 40rpx;
		}
	}
</style>